input.date {
  background: white image_url("admin/calendar_down.gif") right no-repeat;
  padding-right: 26px;
  width: 11em;
}

.calendar_popup {
  @include single-box-shadow;
  @include border-radius;
  z-index: 1000;
  border: 1px solid #b2b2b2;
  background-color: white;
  padding: 5px;
  line-height: 140% !important;
  a {
    @include border-radius;
  }
  table.calendar {
    font-size: 90%;
    margin: 0 !important;
    tr.day_header th {
      border-top: 1px solid #e4e4e4;
      border-bottom: 1px solid #e4e4e4;
      color: #cccccc;
      padding: 2px;
    }
    th, td {
      text-align: center;
    }
    th {
      &.back, &.month_year, &.forward {
        padding-bottom: 3px;
      }
    }
    td {
      height: 1em;
      padding: 3px !important;
      margin: 0;
      &.today {
        @include border-radius;
        background-color: #e5e5e5;
      }
      &.today a {
        background-color: white;
      }
      &.selected a {
        color: white;
        background-color: #dd6600;
      }
    }
    a {
      color: black;
      display: block;
      font-family: $base-font-family;
      text-decoration: none;
      text-align: center;
      width: 2.25em;
      padding: 0.2em 0;
      &:hover {
        color: white !important;
        background-color: #3257f4 !important;
      }
    }
  }
}

body.reversed {
  .calendar_popup {
    border: 1px solid white;
  }
}
